.page-bg{
  background: transparent;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}
.section {
  background-color: #fff;
  border-radius: 0.5rem;
  padding-bottom: 2.13rem;
  margin: auto 2.31rem;
}
.title {
  margin: 1.56rem 0;
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
  color: #27282e;
  line-height: 1.25rem;
}
ul {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 2rem;
  font-size: 1rem;
  color: #5c5e66;
  line-height: 1rem;
}
li {
  width: 50%;
  display: flex;
  align-items: center;
}
li::before {
  content: " ";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 0.125rem;
  background-color: #ff6314;
  margin-right: 0.37rem;
}
li:nth-of-type(n + 3) {
  margin-top: 1.25rem;
}
li:nth-of-type(2)::before {
  background-color: #ffaa00;
}
li:nth-of-type(3)::before {
  background-color: #499df2;
}
li:nth-of-type(4)::before {
  background-color: #ff8000;
}
li:nth-of-type(5)::before {
  background-color: #48bf30;
}
li:nth-of-type(6)::before {
  background-color: #499df2;
}
li:nth-of-type(7)::before {
  background-color: #ff8000;
}
li:nth-of-type(8)::before {
  background-color: #8695b3;
}
.context {
  margin-left: 0.62rem;
  color: #ff6314;
}